import { uploadFileUsingPost } from "@/api/fileController"
import { Message } from "@arco-design/web-vue"
import { IEditorConfig } from "@wangeditor/editor"

// 编辑器配置
export const editorConfig: Partial<IEditorConfig> = {
    placeholder: '请输入内容...',
    scroll: true,
    autoFocus: false,
    MENU_CONF: {
      uploadImage: {
        // 修改自定义上传函数
        customUpload: async (file: File, insertFn: any) => {
          try {
            const uploadRes: any = await uploadFileUsingPost(file)
            if (uploadRes.code === 0 && uploadRes.data) {
              // 上传成功，插入图片
              insertFn(uploadRes.data)
            } else {
              Message.error(uploadRes.message || '图片上传失败')
            }
          } catch (error) {
            console.error('图片上传失败:', error)
            Message.error('图片上传失败')
          }
        },
        // 上传之前触发
        onBeforeUpload: (file: File) => {
          // 验证文件大小
          if (file.size > 10 * 1024 * 1024) {
            Message.error('图片大小不能超过 10M')
            return false
          }
  
          // 验证文件类型
          const fileType = file.type || ''
          const isImage =
            fileType.startsWith('image/') || /\.(jpg|jpeg|png|gif|bmp|webp)$/i.test(file.name)
  
          if (!isImage) {
            Message.error('只能上传图片文件')
            return false
          }
          return true
        }
      }
    }
  }
  
  // 添加编辑器样式
export const editorStyle = {
    height: '320px', // 增加默认高度
    overflow: 'auto'
  }